.nice-select.open .list {
  max-height: 6rem;
  overflow-y: auto;
}

/* 箭头 */
.arrow {
 border-top: 1px solid var(--color-primary);
 border-right: 1px solid var(--color-primary);
 transform: rotate(45deg);
}
.arrow-left {
 border-bottom: 1px solid var(--color-primary);
 border-left: 1px solid var(--color-primary);
 transform: rotate(45deg);
}
.arrow.arrow-white {
  border-color: #fff;
}
.arrow-left.arrow-white {
  border-color: #fff;
}

/* 原生组件默认样式 */

input {
  padding: 0 0.18rem;
  border-radius: var(--radius-default);
  outline-style: none;
  transition: border 0.3s;
  height: var(--form-item-height);
  line-height: var(--form-item-height);
  background-color: var(--color-bg-input);
  font-size: var(--font-size);
}
textarea {
  padding: 0.1rem 0.18rem;
  background-color: var(--color-bg-input);
  border-radius: var(--radius-default);
  outline-style: none;
  transition: border 0.3s;
  font-size: var(--font-size);
}
button:disabled {
  background-color: #ccc;
  color: #fff;
  font-size: var(--font-size);
}

/* index-header - START */

.index-header {
  padding: 0.31rem 3.21rem 0 3.15rem;
}
.index-header__nav {
}
.index-header__nav-item {
  position: relative;
  text-shadow: 0px 1px 0px #000000;
  color: #fff;
}
.index-header__nav-item.active {
  color: #e60027;
}
.index-header__nav-item.active::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%) rotateY(70deg);
  width: 40px;
  height: 20px;
  border-radius: 50%;
  border: 1px solid transparent;
  border-bottom-color: #e60027;
  top: 5px;
  /* box-shadow: 0px 2px 0px #000000; */
  filter: drop-shadow(0px 1px 0px #000000);
}
.index-header__search {
  width: 0.2rem;
  height: 0.2rem;
}

/* index-header - END */

.swiper-container {
  --swiper-theme-color: #ff6600;
  --swiper-pagination-color: #00ff33; /* 两种都可以 */
}

/* form - START */

.form-item {
  display: flex;
}
.form-item__title {
  margin-right: 0.23rem;
  line-height: var(--form-item-height);
  flex-shrink: 0;
  color: var(--color-text);
}
.form-submit-btn {
  background-color: #d71718;
  background-color: var(--color-bg-primary);
  color: #fff;
  font-size: 0.2rem;
  border-radius: 5px;
  border-radius: var(--radius-default);
}
.form-item .nice-select {
  height: var(--form-item-height);
  line-height: var(--form-item-height);
  color: #999999;
  font-size: var(--font-size);
  border-width: 0;
  background-color: var(--color-bg-input);
}

/* form - END */

/* tag - START */
.tag {
  display: inline-block;
  white-space: nowrap;
  background-color: var(--color-bg-input);
  padding: 0 0.24rem;
  border-radius: 5px;
  border-radius: var(--radius-default);
  transition: border 0.3s;
  text-align: center;
  color: #999999;
  cursor: pointer;
  height: var(--form-item-height);
  line-height: var(--form-item-height);
}
.tag.tag--checked {
  background-color: #d71718;
  background-color: var(--color-bg-primary);
  box-shadow: 0px 5px 10px 0px rgb(215 7 42 / 50%);
  color: #fff;
}
/* tag - END */

/* checkbox - START */
.checkbox {
  cursor: pointer;
  display: flex;
  align-items: center;
}
.checkbox__checkbox {
  display: inline-block;
  border: 1px solid #e3e3e3;
  width: 16px;
  height: 16px;
  transition: border 0.3s;
}
.checkbox__title {
  margin-left: 10px;
}
.checkbox:hover .checkbox__checkbox {
  border-color: var(--color-primary);
}
.checkbox.checkbox--checked .checkbox__checkbox {
  background-image: url("../images/clause.png");
  background-size: 90%;
  background-repeat: no-repeat;
  background-position: center;
}
/* checkbox - END */

/* moddal */

.modal {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
  z-index: 99999;
  display: none;
}
.modal-mask {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.7);
}
.modal-content {
  position: relative;
  padding: 0.6rem;
  min-width: 50vw;
  position: relative;
  max-height: 90vh;
  max-width: 100vw;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
}
.modal-content.modal-content--transparent {
  background-color: transparent;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}
.modal--hide {
  display: none;
}
.modal--show {
  display: flex;
}
.modal .modal-close {
  position: absolute;
  right: 0.2rem;
  top: 0.2rem;
  width: 15px;
  height: 15px;
  cursor: pointer;
  z-index: 1;
}